<template>  
    <div>

  <ui-form ref="form" :model="form" label-width="80px" >
  <ui-form-item label="出票日期" prop="startDate">
    <ui-date-picker v-model="form.startDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
    @blur="test1()"
    > </ui-date-picker>
  </ui-form-item>
  </ui-form>

<ui-date-picker  
      v-model="value1"  
      type="datetime"  
      placeholder="选择日期时间"  
      :picker-options="pickerOptions">  
    </ui-date-picker>  

    <ui-date-picker  
      v-model="value1"  
     value-format='yy-MM-dd'
      placeholder="选择日期时间"  
      :picker-options="pickerOptions">  
    </ui-date-picker>  

  </div>
</template>  
  
<script>  
export default {  
  data() {  
    return {  
      form:{
        startDate: '',
      },
      value1: '',  
      formData:{
       isSelected:true
      },
      pickerOptions: {  
        disabledDate(time) {  
          return time.getTime() < new Date().getTime(); // 禁止选择今天之前的日期  
        }  
      }  
    }  
  }  ,
  mounted(){
      console.log('值'+this.formData.isSelected);
  },
  methods:{
    test1(){
      console.log(this.form.startDate[0],this.form.startDate[1]);
      
    }
  }
}  
</script>

<style scoped>

</style>
